/*
  学习目标：创建一个h1标签, 并且显示在浏览器中
*/

// 1. 导入React和ReactDOM
// React负责: 创建元素
import React from 'react';
// React负责: 渲染元素
import ReactDOM from 'react-dom';

// 2. 使用React创建React元素
// 语法: React.createElement("标签的类型", {标签属性名: 属性值}, "标签的内容")
// 💥 如果标签需要任何属性, 可以使用null 或 {}
const title = React.createElement('i', null, 'hello React');
console.log('title  ----->  ', title);

// 3. 使用ReactDOM渲染React元素
// 语法: ReactDOM.render(React元素, 真实的DOM节点作为挂载点)
ReactDOM.render(title, document.getElementById('root'));
